
.baiyi-vote-warp{max-width:640px;margin:0 auto;}
.baiyi-vote-searhbox{padding:10px;overflow:hidden;}
.search-input{width:80%;float:left;padding-right:10px;}
.search-input input{width:100%;height:35px;line-height:35px;border:2px solid #ff2946;background-color:#fff;border-radius:5px;padding:5px 10px;box-sizing:border-box;outline:none;}
.search-btn{overflow:hidden;}
.search-btn button{width:100%;height:35px;border:1px solid #ccc;background-color:#ff2946;border-radius:5px;box-sizing:border-box;font-size:16px;text-align:center;color:#fff;}
.baiyi-vote-content{margin:0 auto;overflow:hidden;padding-left:10px;box-sizing:border-box;}
.baiyi-vote-content .item{width:50%;margin-top:10px;float:left;}
.baiyi-vote-content .item .item-content{padding-right:10px;}
.baiyi-vote-content .item .item-content .box{border:1px solid #CCC;background:#fff;}
.baiyi-vote-content .item .item-content .box .pic{overflow:hidden;/* height:143px; */text-align:center;}
.baiyi-vote-content .item .item-content .box .pic img{width:100%;}
.baiyi-vote-content .item .item-content .box .btnwarp{text-align:center;margin:15px auto;}
.baiyi-vote-content .item .item-content .box .info{display:-webkit-box;}
.baiyi-vote-content .item .item-content .box .info span{-webkit-box-flex:1;text-align:center;font-size:12px;display:block;line-height:20px;color:#333}
.baiyi-vote-content .item .item-content .box .info span.g{color:green;}
.baiyi-vote-content .item .item-content .box .info span.r{color:red;}
.baiyi-vote-property .btnvote{padding:10px 20px;font-size:12px;color:#fff;border-radius:6px;display:block;cursor:pointer;margin:5px 10px;text-align:center}
.baiyi-vote-property .btnvoted{padding:10px 20px;font-size:12px;color:#fff;border-radius:6px;display:block;cursor:pointer;background-color:#ccc !important;margin:5px 10px;text-align:center}
.baiyi-vote-property .btnvote:first-child{background-color: #ff3963;}
.baiyi-vote-property .btnvote:nth-child(2){background-color: #F50;}
.baiyi-vote-property .btnvote:last-child{background-color: #44b549;}
.baiyi-vote-rule{width:100%;bottom:0;left:0;z-index:10;margin-bottom:10px;margin-top:10px;overflow:hidden}
.baiyi-vote-rule ul{padding:0px 4px;display:-webkit-box;}
.baiyi-vote-rule ul li{-webkit-box-flex:1;height:40px;padding:0px 2px;box-sizing:border-box;line-height:40px;font-size:16px;}
.baiyi-vote-rule ul li a{color:#FFF;background:#ff3963;width:100%;height:40px;display:block;border-radius:5px;text-align:center;font-size:14px;}
.baiyi-copyright{text-align:center;font-size:12px;color:#fff;padding:5px 0;color:#000}
.baiyi-vote-info {padding:10px;margin-top: 20px}
.baiyi-vote-info img{max-width:100% !important}
.ui-dialog{width:240px;height:240px;box-shadow:0 1px 1px 1px rgba(0,0,0,.5);background:#fff;position:fixed;top:50%;left:50%;margin-left:-120px;margin-top:-120px;display:none;}
.ui-dialog .know{width:100%;height:30px;background:#ff3963;position:absolute;bottom:0;text-align:center;line-height:30px;color:#fff;}
.ui-dialog .content{padding:5px;height:200px;overflow-x:hidden;overflow-y:scroll;-webkit-overflow-scrolling:touch;-webkit-text-size-adjust:none;}
/**loading*/
#loading{position:fixed;left:50%;top:50%;z-index:99;margin-left:-73px;margin-top:-73px;}
#loading,#loading .lbk,#loading .lcont{width:146px;height:146px;}
#loading .lbk,#loading .lcont{position:absolute;}
#loading .lbk{background-color:#000;opacity:0.5;border-radius:10px;z-index:0;top:0;left:0}
#loading .lcont{text-align:center;color:#f5f5f5;font-size:14px;line-height:35px;z-index:1;top:0;left:0}
#loading img{width:35px;height:35px;margin:30px auto;display:block;}

#vote-guideshare {position:fixed;z-index:9999;top:0;right:0;width:100%}
#vote-guideshare .guideshare-bac{position:fixed;z-index:10000;width:100%;height:100%;background-color:rgba(0,0,0,0.8)}
#vote-guideshare .guideshare-pointer{position:absolute;top:10px;right:15px;z-index:10001}
#vote-guideshare .guideshare-text{font-size:1.5em;font-weight:bold;color:#fff;position:absolute;top:50px;right:50px;width:100px;z-index:10001}

.search-btn a {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 35px;
    border: 1px solid #ff2946;
    border-radius: 5px;
    background-color: #ff2946;
    color: #fff;
    text-align: center;
    font-size: 14px;
    line-height: 35px;
}
.baiyi-vote-warp {
	margin: 0 auto;
	max-width: 40pc
}

.baiyi-vote-searhbox {
	overflow: hidden;
	padding: 10px
}

.baiyi-vote-vote-data {
	padding: 10px
}

.baiyi-vote-vote-data ul {
	display: -webkit-box;
	display: box
}

.baiyi-vote-vote-data li {
	border-right: 1px solid #f0f0f0;
	color: #ff2946;
	text-align: center;
	-webkit-box-flex: 1
}

.baiyi-vote-vote-data li.no {
	border: 0
}

.search-input {
	float: left;
	padding-right: 10px;
	width: 80%
}

.search-input input {
	box-sizing: border-box;
	padding: 5px 10px;
	width: 100%;
	height: 35px;
	outline: 0;
	border: 2px solid #ff2946;
	border-radius: 5px;
	background-color: #fff;
	line-height: 35px
}

.search-btn {
	overflow: hidden
}

.search-btn a {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 35px;
	border: 1px solid #ff2946;
	border-radius: 5px;
	background-color: #ff2946;
	color: #fff;
	text-align: center;
	font-size: 14px;
	line-height: 35px
}

.baiyi-vote-content {
	overflow: hidden;
	box-sizing: border-box;
	margin: 0 auto;
}

.baiyi-vote-content .item {
	float: left;
	margin-top: 10px;
	width: 50%
}

.baiyi-vote-content .item .item-content {
	padding: 0 10px
}

/* .baiyi-vote-content .item:nth-child(even) .item-content {
	padding: 0 10px 0 0px
} */

.baiyi-vote-content .item .item-content .box {
	border: 1px solid #f0f0f0;
	background: #fff
}

.baiyi-vote-content .item .item-content .box .pic {
	position: relative;
	overflow: hidden;
	text-align: center
}

.baiyi-vote-content .item .item-content .box .pic img {
 	width: 100%;
	/*height: 100%; */
}

.baiyi-vote-content .item .item-content .box .btnwarp {
	margin: 10px auto;
	text-align: center
}

.musicwarp {
	margin: 5px auto;
	text-align: center
}

.baiyi-vote-content .item .item-content .box .info {
	display: -webkit-box;
	height: 34px;
	line-height:34px;
}

.baiyi-vote-content .item .item-content .box .info span {
	display: block;
	color: #333;
	text-align: center;
	font-size: 9pt;
	line-height: 20px;
	-webkit-box-flex: 1
}

.baiyi-vote-content .item .item-content .box .info span.g {
	color: green
}

.baiyi-vote-content .item .item-content .box .info span.r {
	color: red
}

/* .btnvote {
	padding: 6px 10px
}

.btnmusic, .btnvote {
	display: block;
	margin: 5px 10px;
	border-radius: 2px;
	color: #fff;
	font-size: 9pt;
	cursor: pointer
}

.btnvoted {
	display: block;
	margin: 5px 10px;
	padding: 6px 10px;
	border-radius: 2px;
	background-color: #ccc !important;
	color: #fff;
	font-size: 9pt;
	cursor: pointer
}

.btnvote:first-child {
	background-color: #f50 !important
}

.btnvote:nth-child(2) {
	background-color: #ff3963
}

.btnvote:last-child {
	background-color: #44b549
} */

.baiyi-vote-rule {
	bottom: 0;
	left: 0;
	z-index: 10;
	overflow: hidden;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 100%
}

.baiyi-vote-rule ul {
	display: -webkit-box;
	display: box;
	padding: 0 4px
}

.baiyi-vote-rule ul li {
	box-sizing: border-box;
	margin-bottom: 10px;
	padding: 0 2px;
	height: 40px;
	font-size: 1pc;
	line-height: 40px;
	-webkit-box-flex: 1
}

.baiyi-vote-rule ul li a {
	display: block;
	width: 100%;
	height: 40px;
	border-radius: 4px;
	background: #ff3963;
	color: #fff;
	text-align: center;
	font-size: 14px
}

.baiyi-copyright {
	padding: 5px 0;
	color: #000;
	text-align: center;
	font-size: 9pt
}

#loading {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 99;
	margin-top: -73px;
	margin-left: -73px
}

#loading, #loading .lbk, #loading .lcont {
	width: 146px;
	height: 146px
}

#loading .lbk, #loading .lcont {
	position: absolute
}

#loading .lbk {
	top: 0;
	left: 0;
	z-index: 0;
	border-radius: 10px;
	background-color: #000;
	opacity: .5
}

#loading .lcont {
	top: 0;
	left: 0;
	z-index: 1;
	color: #f5f5f5;
	text-align: center;
	font-size: 14px;
	line-height: 35px
}

#loading img {
	display: block;
	margin: 30px auto;
	width: 35px;
	height: 35px
}
